<template>
  <popup v-model="show3">
    <div class="panel">
      <div class="hd">
        <div class="close" @click="close">关闭</div>
      </div>
      <div class="bd">
        <x-button type="default" @click.native="setInputV('1')">1</x-button>
        <x-button type="default" @click.native="setInputV('2')">2</x-button>
        <x-button type="default" @click.native="setInputV('3')">3</x-button>
        <x-button type="default" @click.native="setInputV('4')">4</x-button>
        <x-button type="default" @click.native="setInputV('5')">5</x-button>
        <x-button type="default" @click.native="setInputV('6')">6</x-button>
        <x-button type="default" @click.native="setInputV('7')">7</x-button>
        <x-button type="default" @click.native="setInputV('8')">8</x-button>
        <x-button type="default" @click.native="setInputV('9')">9</x-button>
        <x-button type="default" @click.native="setInputV('0')">0</x-button>
        <x-button type="default" @click.native="setInputV('A')">A</x-button>
        <x-button type="default" @click.native="setInputV('B')">B</x-button>
        <x-button type="default" @click.native="setInputV('C')">C</x-button>
        <x-button type="default" @click.native="setInputV('D')">D</x-button>
        <x-button type="default" @click.native="setInputV('E')">E</x-button>
        <x-button type="default" @click.native="setInputV('F')">F</x-button>
        <x-button type="default" @click.native="setInputV('G')">G</x-button>
        <x-button type="default" @click.native="setInputV('H')">H</x-button>
        <x-button type="default" @click.native="setInputV('I')">I</x-button>
        <x-button type="default" @click.native="setInputV('J')">J</x-button>
        <x-button type="default" @click.native="setInputV('K')">K</x-button>
        <x-button type="default" @click.native="setInputV('L')">L</x-button>
        <x-button type="default" @click.native="setInputV('M')">M</x-button>
        <x-button type="default" @click.native="setInputV('N')">N</x-button>
        <x-button type="default" @click.native="setInputV('O')">O</x-button>
        <x-button type="default" @click.native="setInputV('P')">P</x-button>
        <x-button type="default" @click.native="setInputV('Q')">Q</x-button>
        <x-button type="default" @click.native="setInputV('R')">R</x-button>
        <x-button type="default" @click.native="setInputV('S')">S</x-button>
        <x-button type="default" @click.native="setInputV('T')">T</x-button>
        <x-button type="default" @click.native="setInputV('U')">U</x-button>
        <x-button type="default" @click.native="setInputV('V')">V</x-button>
        <x-button type="default" @click.native="setInputV('W')">W</x-button>
        <x-button type="default" @click.native="setInputV('Y')">Y</x-button>
        <x-button type="default" @click.native="setInputV('Z')">Z</x-button>
        <x-button type="default" @click.native="setInputV('港')">港</x-button>
        <x-button type="default" @click.native="setInputV('澳')">澳</x-button>
        <x-button type="default" @click.native="setInputV('学')">学</x-button>
        <i class="iconfont icon-shanchu delete" @click="deleteV()"></i>
      </div>
    </div>
  </popup>
</template>

<script>
  import { XButton,TransferDom, Popup } from 'vux'
  export default{
    props:['show3'],
    components: {
      XButton,
      TransferDom,
      Popup
    },
    data () {
      return {
      }
    },
    created () {
    },
    methods: {
      close () {
        this.$emit('closePanel4')
      },
      // 给输入框设置文本
      setInputV (v) {
        this.$emit('setInputV',v);
        this.$emit('closePanel4');
      },
      deleteV(){
        this.$emit('deleteV');
      }
    }
  }
</script>

<style lang="scss"></style>
